<script>
import { h } from 'vue'

export default {
  setup() {
    // 定义一个自定义渲染函数
    const renderCronter = () => {
      return h('div', [
        h('h1', '自定义渲染'),
        h('p', '这是setup语法糖里的自定义函数'),
        h('button', { onclick: () => alert('点击按钮') }, '点我')
      ])
    }
    // 返回渲染函数作为自定义渲染内容
    return {
      renderCronter
    }
  },
  // 自定义渲染函数
  render() {
    // 调用setup()中返回的渲染函数
    return this.renderCronter()
  }
}
</script>
